<admintpl file="header" />
<style type="text/css">
	.pic-list li {
		margin-bottom: 5px;
	}
	.label-td {
		position: relative;
	}
	.label-td .label-container {
		float: left;
		width: 93%;
		overflow: hidden;
		white-space: nowrap;
	}
	.label-td .label-select {
		float: right;
		font-size: 18px;
		display: inline-block;
		position: relative;
		padding-top: 10px;
	}
	.label-td .label-select:hover {
		color: #5bc0de;
	}
	.label-td .label-container span {
		display: inline-block;
		width: 80px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #5bc0de;
		border-radius: 10px;
		text-align: center;
		margin-right: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Adminbusinessnews/news_list')}">商讯管理</a></li>
			<li class="active"><a>添加商讯</a></li>
		</ul>
		<form action="{:U('Adminbusinessnews/add_news')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
			<div class="row-fluid">
				<div class="span9">
					<table class="table table-bordered">
						<tr>
							<th width="80">分类</th>
							<td>
								<select name="post[category][]" multiple="multiple">
									<volist name="post_categorys" id="vo">
										<option value="{$vo.id}">{$vo.name}</option>
									</volist>
								</select>
								<div>windows：按住 Ctrl 按钮来选择多个选项,Mac：按住 command 按钮来选择多个选项</div>
							</td>
						</tr>
						<tr>
							<th>标签</th>
							<td class="label-td">
								<div class="label-container">
									<input type="hidden" value="" name="post[labels]" id="labels">
								</div>
								<div class="label-select">
									<span class="label-select-span">选择标签</span>
								</div>
							</td>
						</tr>
						<tr>
							<th>标题</th>
							<td>
								<input type="text" style="width:400px;" name="post[post_title]" id="title" required value="" placeholder="请输入标题"/>
								<span class="form-required">*</span>
							</td>
						</tr>
						<tr>
							<th>关键词</th>
							<td><input type="text" name="post[post_keywords]" id="keywords" value="" style="width: 400px" placeholder="请输入关键字"> 多关键词之间用空格或者英文逗号隔开</td>
						</tr>
						<tr>
							<th>摘要</th>
							<td>
								<textarea name="post[post_excerpt]" id="description" style="width: 98%; height: 50px;" placeholder="请填写摘要"></textarea>
							</td>
						</tr>
						<tr>
							<th>内容</th>
							<td>
								<script type="text/plain" id="content" name="post[post_content]"></script>
							</td>
						</tr>
					</table>
				</div>
				<div class="span3">
					<table class="table table-bordered">
						<tr>
							<td><b>缩略图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="smeta[thumb]" id="thumb" value="{$smeta.thumb|default=''}">
									<a href="javascript:upload_one_image('图片上传','#thumb');">
										<if condition="empty($smeta['thumb'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand"/>
											<else />
											<img src="{:sp_get_image_preview_url($smeta['thumb'])}" id="thumb-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<tr>
							<th><b>发布时间</b></th>
						</tr>
						<tr>
							<td><input type="text" name="post[post_date]" value="{:date('Y-m-d H:i:s',time())}" class="js-datetime" style="width: 160px;"></td>
						</tr>
						<tr>
							<th><b>状态</b></th>
						</tr>
						<tr>
							<td>
								<label class="radio"><input type="radio" name="post[post_status]" value="0">未审核</label>
								<label class="radio"><input type="radio" name="post[post_status]" value="1">审核通过</label>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('AdminNews/news_list')}">返回</a>
			</div>
		</form>
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/layer/layer_1.js"></script>
	<script type="text/javascript">
		$(function() {
            $('.label-select-span').click(function () {
                var has_labels = $('#labels').val();
                layer.open({
                    title: "选择标签",
                    type: 2,
                    area: ['70%', '70%'],
                    btn: ['确定', '取消'],
                    content: "{:U('Label/AdminIndex/select_label')}" + "&has_labels=" + has_labels,
                    yes:function (index, layerC) {
                        // 子窗口
                        var content 	= layerC.find("iframe")[0].contentWindow;
                        var labels 		= content.$('#has_labels').val();

                        $('#labels').val(labels);
                        $.get("{:U('Label/AdminIndex/get_label_name')}" + "&label_ids=" + labels, {}, function (data) {
                            if (data.status) {
                                $('.label-name').remove();
                                var html = "";
                                $.each(data.data, function (index, item) {
                                    html += '<span class="label-name">';
                                    html += item.name;
                                    html += '</span>';
                                })
                                $('.label-container').append(html);
                            }
                        })
                        layer.close(index);
                    }
                });
            });

            Wind.use('validate', 'ajaxForm', 'artDialog', function() {

                //编辑器
                editorcontent = new baidu.editor.ui.Editor();
                editorcontent.render('content');
                try {
                    editorcontent.sync();
                } catch (err) {
                }
                //增加编辑器验证规则
                jQuery.validator.addMethod('editorcontent', function() {
                    try {
                        editorcontent.sync();
                    } catch (err) {
                    }
                    ;
                    return editorcontent.hasContents();
                });
                var form = $('form.js-ajax-forms');
                //ie处理placeholder提交问题
                if ($.browser && $.browser.msie) {
                    form.find('[placeholder]').each(function() {
                        var input = $(this);
                        if (input.val() == input.attr('placeholder')) {
                            input.val('');
                        }
                    });
                }
                //表单验证开始
                form.validate({
                    //是否在获取焦点时验证
                    onfocusout : false,
                    //是否在敲击键盘时验证
                    onkeyup : false,
                    //当鼠标掉级时验证
                    onclick : false,
                    //验证错误
                    showErrors : function(errorMap, errorArr) {
                        //errorMap {'name':'错误信息'}
                        //errorArr [{'message':'错误信息',element:({})}]
                        try {
                            $(errorArr[0].element).focus();
                            art.dialog({
                                id : 'error',
                                icon : 'error',
                                lock : true,
                                fixed : true,
                                background : "#CCCCCC",
                                opacity : 0,
                                content : errorArr[0].message,
                                cancelVal : '确定',
                                cancel : function() {
                                    $(errorArr[0].element).focus();
                                }
                            });
                        } catch (err) {
                        }
                    },
                    //验证规则
                    rules : {
                        'post[post_title]' : {
                            required : 1
                        },
                        'post[post_content]' : {
                            editorcontent : true
                        }
                    },
                    //验证未通过提示消息
                    messages : {
                        'post[post_title]' : {
                            required : '请输入标题'
                        },
                        'post[post_content]' : {
                            editorcontent : '内容不能为空'
                        }
                    },
                    //给未通过验证的元素加效果,闪烁等
                    highlight : false,
                    //是否在获取焦点时验证
                    onfocusout : false,
                    //验证通过，提交表单
                    submitHandler : function(forms) {
                        $(forms).ajaxSubmit({
                            url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                            dataType : 'json',
                            beforeSubmit : function(arr, $form, options) {

                            },
                            success : function(data, statusText, xhr, $form) {
                                if (data.status) {
                                    setCookie("refersh_time", 1);
                                    //添加成功
                                    layer.msg(data.info);
                                    setTimeout(function() {
                                        window.location.href = "{:U('Adminbusinessnews/news_list')}";
									}, 1000);
                                } else {
                                    artdialog_alert(data.info);
                                }
                            }
                        });
                    }
                });
            });
		});
	</script>
</body>
</html>